import React , { Component } from 'react';
import { Button } from 'antd';

class BindingEmail extends Component {
  constructor(props) {
    super(props);
    this.state = {
      email: true
    }
  }
  render() {
    if(this.state.email) {
      return (
        <div className="binding-email-wrapper">
          <h1>绑定邮箱</h1>
          <span>绑定邮箱可提升账号防御能力</span>
          <Button className="button" type="primary">绑定邮箱</Button>
        </div>
      )
    }else{
      return (
        <div className="binding-email-wrapper">
          <h2>已绑定邮箱</h2>
          <h1>627382625@qq.com</h1>
          <span>绑定邮箱可提升账号防御能力</span>
          <Button className="button" type="primary">更换邮箱</Button>
        </div>
      )
    }
    
  }
}

export default BindingEmail;